﻿#main {
    max-width: 1200px;
    margin: 0 auto;
}
#topcrumb {
    line-height: 50px;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #999;
    font-size: 12px;
}
    /*#topcrumb .topcrum-box{width: 870px;margin: 0 auto;}*/
#topcrumb .topcrum-box {
    width: 870px;
}

#topcrumb a {
    display: inline-block;
    color: #999;
    font-size: 12px;
}

#topcrumb span {
    display: inline-block;
    background: url(../images/mainv2.png) 4px -1544px no-repeat;
    width: 14px;
    height: 30px;
    vertical-align: middle;
}

.project-collapse {
    min-height: 64px;
    background-color: white;
    padding: 40px;
    margin: 20px 0;
}

.project-collapse .trigger{
    cursor: pointer;
}

.project-collapse .right {
    display: inline-block;
    width: 500px;
    vertical-align: top;
}

.project-collapse .right p{
    word-wrap: break-word;
}

.vertical-padding-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

#addNewProjectModal .content-block {
    display: inline-block;
    vertical-align: top;
}
#addNewProjectModal .left {
    width: 70%;
    border-right: 2px solid grey;
}
#addNewProjectModal .right {
    width: 28%;
    padding: 0 10px;
}
.pprev {
    cursor: pointer;
}

.modal-body .project-box {
    width: 175px;
    height: 300px;
    display: inline-block;
    border: 2px solid grey;
    margin: 10px;
    cursor: pointer;
    vertical-align: top;
}
.modal-body .selected {
    border: 2px solid blue!important;
}
.modal-body .project-box .content {
    text-align: center;
    padding: 25px;
}
.modal-body .project-box h4 {
    word-wrap: break-word;
}
.modal-body .selected-project-box {
    width: 230px;
    height: 37px;
    margin-top: 10px;
    border: 2px solid blue;
}
.modal-body .selected-project-box .content {
    padding: 10px;
    white-space: nowrap;
}
.modal-body .selected-project-box .content p{
    overflow: hidden;
    text-overflow: ellipsis;
    width: 180px;
    font-size: 12px;
}